<%--
  Created by IntelliJ IDEA.
  User: ·6米
  Date: 2021/10/6
  Time: 16:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人中心</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <!--导入css文件-->
        <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/store.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/myreceiptaddress.css" rel="stylesheet">
        <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/title-img1.png">

        <style>

            /* 头部导航的 */
            .global-header .login-page-header-nav li {
                float: left;
                margin-left: 30px;
            }
            .global-header .login-page-header-nav li i {
                margin-right: 10px;
                font-size: 28px;
                line-height: 1;
                color: #f6a206;
                vertical-align: middle;
            }
            .global-login-iconfont {
                font-family: "login-iconfont",serif;
                font-style: normal;
                font-weight: normal;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                *zoom: 1;
            }
            .global-header .login-page-header-nav li span {
                font-size: 14px;
                line-height: 28px;
                color: #666;
                vertical-align: middle;
            }
        </style>
    </head>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index-1.css">
    <link href="${pageContext.request.contextPath}/css/headermenu.css" rel="stylesheet">

    <body>
    <header id="J-global-header" class="global-header">
        <div class="top-inner">
            <div id="sitenav" class="global-header-top-nav fn-clear">
                <div class="global-header-top-nav-right">
                    <li class="top-nav-menu top-nav-menu-user-info" data-role="user-info" data-test="test">
                        <div class="top-nav-menu-handle">
                            <div class="login">
                                <%--                            <a href="${pageContext.request.contextPath}/login.jsp" class="J-login-btn" rel="nofollow" target="_self">登录/注册</a></div>--%>
                                <c:if test="${empty ServiceResponse}">
                                    <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/注册</a>
                                </c:if>

                                <c:if test="${!empty ServiceResponse}">
                                    欢迎${ServiceResponse.data.custTelno}
                                    <a href="${pageContext.request.contextPath}/logout">退出</a>
                                </c:if>
                            </div>
                        </div>
                    </li>

                    <li class="top-nav-menu top-nav-multi-menu top-nav-dl-app">
                        <div class="top-nav-menu-handle">
                            <i class="global-header-icon top-nav-dl-app-icon"></i>手机版
                        </div>
                        <div class="top-nav-menu-body top-nav-menu-qrcode">
                            <div class="top-nav-menu-bd-panel">
                                <div class="qrcode-img"></div>
                                <p>下载APP 领99元租车红包

                                </p>
                            </div>
                        </div>
                    </li>

                    <li class="top-nav-pipe">|</li>

                    <li class="top-nav-menu top-nav-multi-menu top-nav-wx-guide">
                        <div class="top-nav-menu-handle"><i class="global-header-icon top-nav-wx-guide-icon"></i>微信</div>
                        <div class="top-nav-menu-body top-nav-menu-qrcode">
                            <div class="top-nav-menu-bd-panel">
                                <div class="qrcode-img"></div>
                                <p>扫一扫，关注微信</p>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                        <div class="top-nav-menu-handle">订单查询<i class="top-nav-arrow"><em></em><span></span></i></div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <a href="${pageContext.request.contextPath}/center/myorder.jsp">订单查询</a>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                        <div class="top-nav-menu-handle">个人中心<i class="top-nav-arrow"><em></em><span></span></i></div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <a href="${pageContext.request.contextPath}/center/user.jsp">进入个人中心</a>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-pipe">|</li>

                </div>

                <div class="global-header-top-nav-left">
                    <div class="top-nav-menu top-nav-multi-menu top-nav-contact">
                        <div class="top-nav-menu-handle">
                            24小时客服！内地热线：110-120
                            <i class="top-nav-arrow"><em></em><span></span></i>
                        </div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <ul>
                                    <li>
                                        <span class="title">中国内地热线</span>
                                        <a href="tel:10101020" target="_self" class="tel-number">110-120</a>
                                    </li>
                                </ul>
                                <div class="top-nav-menu-bd-code">
                                    <div class="qrcode-img"></div>
                                    <p class="title">关注微信公众号</p>
                                    <p class="text">可查询/修改/取消订单</p>
                                    <a class="J-show-robot" href="javascript:" target="_self"
                                       data-tj="/公用头部/在线客服">24小时在线客服</a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="toolbar fn-clear">
            <div id="slog" class="logo fn-left">
                <a class="sbx-logo" title="思必行-租车" target="_self" href="">

                </a>
            </div>
            <div class="toolbar-site-header-nav">
                <ul class="login-page-header-nav fn-clear">
                    <li><i class="global-login-iconfont">&#xe909;</i><span>有驾照就能租</span></li>
                    <li><i class="global-login-iconfont">&#xe906;</i><span>地图导航</span></li>
                    <li><i class="global-login-iconfont">&#xe908;</i><span>24小时服务在线</span></li>
                </ul>
            </div>

        </div>
    </header>

    <!--导航-->
    <div class="nav">
        <ul class="nav-wrap clear_float" id="J_NavBox">
            <li class="menu-index menu-index-on">
                <a href="${pageContext.request.contextPath}/index.jsp" target="_blank">首页</a>
                <span></span>
            </li>
            <li >
                <a href="${pageContext.request.contextPath}/selfrental/person_rentalcar.jsp" target="_blank">自驾租车</a>
                <span></span>
            </li>
            <li class>
                <a href="${pageContext.request.contextPath}/car/choosecar.jsp" target="_blank">车型查询</a>
                <span></span>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/memberrent/members.jsp" target="_blank">会员租车</a>
                <span></span>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/store/store.jsp" target="_blank">营业网点</a>
                <span></span>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/memberrent/wonderful_activity.jsp" target="_blank">精彩活动</a>
                <span></span>
            </li>
        </ul>
    </div>

    <!-- crumbs -->
    <div id="crumbs">
        <div class="crumbs-bd">
            当前位置：
            <a href="">个人中心</a> &gt;
            常用收件信息
        </div>
    </div>

    <div id="content">
        <div class="content-bd">
            <!--站点导航 右-->
            <div class="col-main">
                <div class="invoice">
                    <h2>常用收件信息<span>（最多可保存5个）</span></h2>
                    <div class="invoice-list">
                        <ul class="invoices-list">
                            <li class="row-title">
                                <span class="row-first-cell-name">收件人</span>
                                <span class="cell-address">收件地址</span>
                                <span class="cell-operate">操作</span>
                            </li>
                        </ul>
                        <div class="operate-panel">
                            <p>您还没有收件信息，现在就去添加吧！</p>
                            <a id="btnAddInvoice" class="ui-btn" href="">新增收件信息</a>
                        </div>
                    </div>
                </div>
                <div id="editor-template" style="display: block">
                    <div class="invoice-add">
                        <div class="btn-close"></div>
                        <form role="form" id="ReceiptForm">
                            <input name="__RequestVerificationToken" type="hidden" value="NQJ_t0BWud6_1d4nUiNGZ4BNmFcwsnJKlobEOaVD1SUGE2Q10eRT7qDBO3V1Wb66GPw_ag2">
                            <input type="hidden" name="ReceiptId" id="ReceiptId" value="">
                            <table style="margin: 0 auto">
                                <tbody><tr>
                                    <td class="cell-title">收件人：</td>
                                    <td>
                                        <input type="text" name="Name" id="Name" maxlength="20" placeholder="请输入收件人">
                                        <i>*</i>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="cell-title">手机号：</td>
                                    <td>
                                        <input type="text" name="PhoneNumber" maxlength="15" id="PhoneNumber" placeholder="请输入手机号">
                                        <i>*</i>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="cell-title">收件地区：</td>
                                    <td>
                                        <input type="hidden" id="h_Province">
                                        <select name="ProvinceId" id="ProvinceId">
                                            <option value="">请选择省...</option>
                                            <option value="110000">北京市</option>
                                            <option value="120000">天津市</option>
                                            <option value="130000">河北省</option>
                                            <option value="140000">山西省</option>
                                            <option value="150000">内蒙古自治区</option>
                                            <option value="210000">辽宁省</option>
                                            <option value="220000">吉林省</option>
                                            <option value="230000">黑龙江省</option>
                                            <option value="310000">上海市</option>
                                            <option value="320000">江苏省</option>
                                            <option value="330000">浙江省</option>
                                            <option value="340000">安徽省</option>
                                            <option value="350000">福建省</option>
                                            <option value="360000">江西省</option>
                                            <option value="370000">山东省</option>
                                            <option value="410000">河南省</option>
                                            <option value="420000">湖北省</option>
                                            <option value="430000">湖南省</option>
                                            <option value="440000">广东省</option>
                                            <option value="450000">广西壮族自治区</option>
                                            <option value="460000">海南省</option>
                                            <option value="500000">重庆市</option>
                                            <option value="510000">四川省</option>
                                            <option value="520000">贵州省</option>
                                            <option value="530000">云南省</option>
                                            <option value="540000">西藏自治区</option>
                                            <option value="610000">陕西省</option>
                                            <option value="620000">甘肃省</option>
                                            <option value="630000">青海省</option>
                                            <option value="640000">宁夏回族自治区</option>
                                            <option value="650000">新疆维吾尔自治区</option>
                                            <option value="710000">台湾省</option>
                                            <option value="810000">香港特别行政区</option>
                                            <option value="820000">澳门特别行政区</option>

                                        </select>
                                        <input type="hidden" id="h_City">
                                        <select name="CityId" id="CityId">
                                            <option value="">请选择市...</option>
                                        </select>
                                        <input type="hidden" id="h_PostDistrict">
                                        <select name="DistrictsId" id="DistrictsId">
                                            <option value="">请选择区/县...</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="cell-title">街道地址：</td>
                                    <td>
                                        <input type="text" name="DetailedAddress" id="DetailedAddress" maxlength="40" placeholder="请输入街道地址">
                                        <i>*</i>
                                        <p class="street-tip">不需要重复填写省/市</p>
                                    </td>
                                </tr>
                                </tbody></table>
                        </form>
                        <div class="operate-panel">
                            <a class="ui-btn-save" href="javascript:void(0)">保 存</a>
                        </div>
                    </div>
                </div>
            </div>

            <!--站点导航 左-->
            <div class="col-sub">
                <dl class="sub-nav">
                    <dt>我的订单</dt>
                    <dd>
                        <a class="" href="myorder.jsp">订单管理</a>
                    </dd>
                    <dt>我的资产</dt>
                    <dd>
                        <a class="" href="">账户余额</a>
                    </dd>
                    <dd>
                        <a class="" href="mycoupons.jsp">我的优惠券</a>
                    </dd>
                    <dt>个人中心</dt>
                    <dd>
                        <a class="" href="user.jsp">用户信息</a>
                    </dd>
                    <dd>
                        <a class="" href="">常用租车人</a>
                    </dd>
                    <dd>
                        <a class=" ck" href="myreceiptaddress.jsp">常用收件信息</a>
                    </dd>
                    <dd>
                        <a class=" ck" href="favorite.jsp">我的收藏</a>
                    </dd>
                    <dd>
                        <a class="" href="">申请注销账户</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <!--页脚-->
    <div class="footer">
        <div class="w1180">
            <div class="website-advantage">
                <ul class="wadvantage-list">
                    <li>
                        <span class="city"></span>
                        <p>450多座城市</p>
                    </li>
                    <li>
                        <span class="dunpai"></span>
                        <p>7000多服务网点</p>
                    </li>
                    <li>
                        <span class="car"></span>
                        <p>200余种车型</p>
                    </li>
                    <li>
                        <span class="sun"></span>
                        <p>24小时服务</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/myreceiptaddress.js"></script>
    </body>
</html>
